<template>
<div class="btnparent">
    <div class="loginbtn" @click="registerClick">{{btntext}}</div>
</div>
</template>

<script>
export default {
name: "LoginBtn.vue",
  props:['btntext'],
  methods:{
    registerClick(){
      this.$emit('registerSubmit')
    }
  }
}
</script>

<style scoped>
.btnparent{
  padding: 15px 10px;
}
.loginbtn{
  height: 45px;
  background-color: #ff9db5;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.44vw;
  border-radius: 22.5px;
}
</style>
